{namespace Puzzle.soy}

/**
 * This is a Closure Template.
 *
 * To regenerate just English, run:
 *   make puzzle-en
 *
 * To regenerate all languages, run:
 *   make languages
 */

/**
 * Translated messages for use in JavaScript.
 */
{template .messages}
  <div style="display: none">
    <span id="Puzzle_animal1">
      {{msg meaning="Puzzle.animal1" desc="Duck: The bird.\n{lb}{lb}Identical|Duck{rb}{rb}"}}
        Duck
      {{/msg}}
    </span>
    <span id="Puzzle_animal1Pic">duck.jpg</span>
    <span id="Puzzle_animal1PicHeight">70</span>
    <span id="Puzzle_animal1PicWidth">100</span>
    <span id="Puzzle_animal1Legs">&nbsp;&nbsp;2&nbsp;&nbsp;</span>
    <span id="Puzzle_animal1Trait1">
      {{msg meaning="Puzzle.animal1Trait1" desc="Feathers: A trait that ducks have.\n{lb}{lb}Identical|Feather{rb}{rb}"}}
         Feathers
      {{/msg}}
    </span>
    <span id="Puzzle_animal1Trait2">
      {{msg meaning="Puzzle.animal1Trait2" desc="Beak: A trait that ducks have.\n{lb}{lb}Identical|Beak{rb}{rb}"}}
        Beak
      {{/msg}}
    </span>
    <span id="Puzzle_animal1HelpUrl">
      {msg meaning="Puzzle.animal1HelpUrl" desc="The URL of a page with basic information about '''ducks''', on the most appropriate linguistic edition of Wikipedia for the target language.\nMake sure you use secure HTTPS links, to avoid generating mixed contents and security alerts in browsers when viewing the current page in a secure HTTPS session. If not using Wikipedia, make sure the target is non intrusive, but if in doubt, link to a page in another suitable language supported by a Wikimedia project."}
        https://en.wikipedia.org/wiki/Duck
      {/msg}
    </span>

    <span id="Puzzle_animal2">
      {{msg meaning="Puzzle.animal2" desc="Cat: The animal.\n{lb}{lb}Identical|Cat{rb}{rb}"}}
        Cat
      {{/msg}}
    </span>
    <span id="Puzzle_animal2Pic">cat.jpg</span>
    <span id="Puzzle_animal2PicHeight">70</span>
    <span id="Puzzle_animal2PicWidth">100</span>
    <span id="Puzzle_animal2Legs">&nbsp;&nbsp;4&nbsp;&nbsp;</span>
    <span id="Puzzle_animal2Trait1">
      {{msg meaning="Puzzle.animal2Trait1" desc="Whiskers: A trait that cats have.\n{lb}{lb}Identical|Whisker{rb}{rb}"}}
        Whiskers
      {{/msg}}
    </span>
    <span id="Puzzle_animal2Trait2">
      {{msg meaning="Puzzle.animal2Trait2" desc="Fur: A trait that cats have.\n{lb}{lb}Identical|Fur{rb}{rb}"}}
        Fur
      {{/msg}}
    </span>
    <span id="Puzzle_animal2HelpUrl">
      {msg meaning="Puzzle.animal2HelpUrl" desc="The URL of a page with basic information about '''cats''', on the most appropriate linguistic edition of Wikipedia for the target language.\nMake sure you use secure HTTPS links, to avoid generating mixed contents and security alerts in browsers when viewing the current page in a secure HTTPS session. If not using Wikipedia, make sure the target is non intrusive, but if in doubt, link to a page in another suitable language supported by a Wikimedia project."}
        https://en.wikipedia.org/wiki/Cat
      {/msg}
    </span>

    <span id="Puzzle_animal3">
      {{msg meaning="Puzzle.animal3" desc="Bee: The insect.\n{lb}{lb}Identical|Bee{rb}{rb}"}}
        Bee
      {{/msg}}
    </span>
    <span id="Puzzle_animal3Pic">bee.jpg</span>
    <span id="Puzzle_animal3PicHeight">70</span>
    <span id="Puzzle_animal3PicWidth">100</span>
    <span id="Puzzle_animal3Legs">&nbsp;&nbsp;6&nbsp;&nbsp;</span>
    <span id="Puzzle_animal3Trait1">
      {{msg meaning="Puzzle.animal3Trait1" desc="Honey: A trait that bees have.\n{lb}{lb}Identical|Honey{rb}{rb}"}}
        Honey
      {{/msg}}
    </span>
    <span id="Puzzle_animal3Trait2">
      {{msg meaning="Puzzle.animal3Trait2" desc="Stinger: A trait that bees have.\n{lb}{lb}Identical|Stinger{rb}{rb}"}}
        Stinger
      {{/msg}}
    </span>
    <span id="Puzzle_animal3HelpUrl">
      {msg meaning="Puzzle.animal3HelpUrl" desc="The URL of a page with basic information about '''bees''', on the most appropriate linguistic edition of Wikipedia for the target language.\nMake sure you use secure HTTPS links, to avoid generating mixed contents and security alerts in browsers when viewing the current page in a secure HTTPS session. If not using Wikipedia, make sure the target is non intrusive, but if in doubt, link to a page in another suitable language supported by a Wikimedia project."}
        https://en.wikipedia.org/wiki/Bee
      {/msg}
    </span>

    <span id="Puzzle_animal4">
      {{msg meaning="Puzzle.animal4" desc="Snail: The animal.\n{lb}{lb}Identical|Snail{rb}{rb}"}}
        Snail
      {{/msg}}
    </span>
    <span id="Puzzle_animal4Pic">snail.jpg</span>
    <span id="Puzzle_animal4PicHeight">70</span>
    <span id="Puzzle_animal4PicWidth">100</span>
    <span id="Puzzle_animal4Legs">&nbsp;&nbsp;0&nbsp;&nbsp;</span>
    <span id="Puzzle_animal4Trait1">
      {{msg meaning="Puzzle.animal4Trait1" desc="Shell: A trait that snails have.\n{lb}{lb}Identical|Shell{rb}{rb}"}}
        Shell
      {{/msg}}
    </span>
    <span id="Puzzle_animal4Trait2">
      {{msg meaning="Puzzle.animal4Trait2" desc="Slime: A trait that snails have.\n{lb}{lb}Identical|Slime{rb}{rb}"}}
        Slime
      {{/msg}}
    </span>
    <span id="Puzzle_animal4HelpUrl">
      {msg meaning="Puzzle.animal4HelpUrl" desc="The URL of a page with basic information about '''snails''', on the most appropriate linguistic edition of Wikipedia for the target language.\nMake sure you use secure HTTPS links, to avoid generating mixed contents and security alerts in browsers when viewing the current page in a secure HTTPS session. If not using Wikipedia, make sure the target is non intrusive, but if in doubt, link to a page in another suitable language supported by a Wikimedia project."}
        https://en.wikipedia.org/wiki/Snail
      {/msg}
    </span>

    <span id="Puzzle_picture">
      {{msg meaning="Puzzle.picture" desc="Prompt for a picture of an animal.\n{lb}{lb}Identical|Picture{rb}{rb}"}}
        picture:
      {{/msg}}
    </span>
    <span id="Puzzle_legs">
      {{msg meaning="Puzzle.legs" desc="Prompt for the number of legs that an animal has.\n{lb}{lb}Identical|Leg{rb}{rb}"}}
        legs:
      {{/msg}}
    </span>
    <span id="Puzzle_legsChoose">
      {{msg meaning="Puzzle.legsChoose" desc="Initial text displayed in a dropdown menu from which the user should choose an option.\n{lb}{lb}Identical|Choose{rb}{rb}"}}
        choose...
      {{/msg}}
    </span>
    <span id="Puzzle_traits">
      {{msg meaning="Puzzle.traits" desc="Prompt for a couple of traits of an animal (e.g. Duck: feathers, beak).\n{lb}{lb}Identical|Trait{rb}{rb}"}}
        traits:
      {{/msg}}
    </span>
    <span id="Puzzle_error0">
      {msg meaning="Puzzle.error0" desc="A congratulatory message displayed if the user placed all of the blocks correctly.\n\nParameters:\n* %1 - number of blocks correctly placed.  It is always an integer greater than 1.\n\nThe use of a new line character is optional."}
        Perfect!\nAll %1 blocks are correct.
      {/msg}
    </span>
    <span id="Puzzle_error1">
      {msg meaning="Puzzle.error1" desc="An encouraging error message displayed if the user placed all blocks except 1 correctly.\n\nIf the number of incorrect blocks is 2 or more, Puzzle.error2 is used instead."}
        Almost! One block is incorrect.
      {/msg}
    </span>
    <span id="Puzzle_error2">
      {msg meaning="Puzzle.error2" desc="An error message displayed if the user misplaced multiple blocks.\n\nParameters:\n* %1 - number of blocks incorrectly placed, which is always greater than 1 (or the message Puzzle.error1 would be used)."}
        %1 blocks are incorrect.
      {/msg}
    </span>
    <span id="Puzzle_tryAgain">
       {msg meaning="Puzzle.tryAgain" desc="A message indicating that a visually distinguished block is incorrect and that the user should try to fix it.\n\nThe use of a new line character is optional."}
         The highlighted block is not correct.\nKeep trying.
       {/msg}
    </span>
  </div>
{/template}

/**
 * Web page structure.
 */
{template .start}
  {call .messages /}
  {call BlocklyGames.soy.headerBar}
    {param appName}
      {msg meaning="Games.puzzle" desc="IBID"}Puzzle{/msg}
    {/param}
    {param levelLinkSuffix}{/param}
    {param hasLinkButton: false /}
    {param hasHelpButton: true /}
    {param farLeftHtml}
      <button id="checkButton" class="primary">
        {msg meaning="Puzzle.checkAnswers"
            desc="A label on a button the user can press to check his/her answers."}
          Check Answers
        {/msg}
      </button>
    {/param}
  {/call}

  <div id="blockly"></div>

  {call BlocklyGames.soy.dialog /}
  <div id="help" class="dialogHiddenContent">
    <div style="padding-bottom: 0.7ex">
      {msg meaning="Puzzle.helpText"
           desc="Instructions for the puzzle.  For context, see [https://blockly.games/puzzle Blockly Puzzle]."}
        For each animal (green), attach its picture, choose its number of legs, and make a stack of its traits.
      {/msg}
    </div>
    <div id="sample" class="readonly"></div>
    {call BlocklyGames.soy.ok /}
  </div>
  <div id="answers" class="dialogHiddenContent">
    <div id="answerMessage">
    </div>
    <div id="graph"><div id="graphValue"></div></div>
    {call BlocklyGames.soy.ok /}
  </div>
{/template}
